<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="keywords" content="统计">
  <meta name="description" content="统计">
  <title>统计</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css">
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-table/bootstrap-table.min.css">
  <link rel="stylesheet" type="text/css"
    href="../js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.css">
  <!-- 引入 bootstrap-table 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/style.min.css">
  <link rel="stylesheet" type="text/css" href="../css/form.css">
  <link rel="stylesheet" type="text/css" href="../css/lyear_statistics.css">
  <link rel="stylesheet" type="text/css"
    href="../js/bootstrap-table/extensions/page-jump-to/bootstrap-table-page-jump-to.css">
</head>

<body>
  <div class="container-fluid p-t-15">

    <div class="row">

      <!-- 查询条件 -->
      <div class="col-lg-12 mt-20 search-box">
        <div class="card">
          <div class="card-header">
            <div class="min_title">
              <div class="title_label">数据筛选</div>
            </div>
          </div>
          <div class="card-body">
            <div class="flex-box search-item">
              <div class="search-min-title">
                <div>条件区</div>
              </div>
              <form id="form-data" class="search-form flex-1">
                <div id="search-form-box" class="d-row s-df">

                  <div class="flex-box align-items-center">
                    <div class="search-label text-nowrap">资金年份：</div>
                    <div class="search-con flex-1">
                      <div id="year" class="xm-select-demo" style="width: 100%;"></div>
                    </div>
                  </div>

                  <div class="flex-box align-items-center">
                    <div class="search-label text-nowrap">
                      姓名：
                    </div>
                    <div class="search-con flex-1">
                      <input type="text" name="name" class="form-control" id="inputZip" placeholder="请输入姓名">
                    </div>
                  </div>

                  <div class="flex-box align-items-center">
                    <div class="search-label text-nowrap">
                      时间选择：
                    </div>
                    <div class="search-con flex-1">
                      <div class="wrap-time">
                        <div class="wrap-l">
                          <i class="ali-iconfont ali-iconshizhong"></i>
                          <div class="wrap-l-starTime">
                            <input name="startTime" type="text" placeholder="开始日期">
                          </div>
                        </div>
                        <div class="wrap-r">
                          <i class="ali-iconfont ali-iconshizhong"></i>
                          <div class="wrap-l-endTime">
                            <input name="endTime" type="text" placeholder="结束日期">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="flex-box align-items-center">
                    <div class="search-label text-nowrap">
                      申请表编号：
                    </div>
                    <div class="search-con flex-1">
                      <input type="text" name="code" class="form-control" id="" placeholder="请输入姓名">
                    </div>
                  </div>

                  <div class="more-condition">
                    <div class="flex-box align-items-center">
                      <div class="search-label text-nowrap">
                        分档名称：
                      </div>
                      <div class="search-con flex-1">
                        <input type="text" name="sub-name" class="form-control" id="" placeholder="请输入姓名">
                      </div>
                    </div>

                    <div class="flex-box align-items-center">
                      <div class="search-label text-nowrap">
                        经销商：
                      </div>
                      <div class="search-con flex-1">
                        <input type="text" name="dealer" class="form-control" id="" placeholder="请输入经销商">
                      </div>
                    </div>

                    <div class="flex-box align-items-center">
                      <div class="search-label text-nowrap">出厂编号添加日期晚于购机日期：</div>
                      <div class="search-con flex-1">
                        <input type="text" name="add-time" class="form-control" id="" placeholder="请选择">
                      </div>
                    </div>
                  </div>

                </div>
              </form>
            </div>
            <div class="across-line"></div>
            <div class="flex-box search-item">
              <div class="search-min-title">
                <div>分组区</div>
              </div>
              <div id="group_box" class="group_box flex-1">
                <div class="group-select" data-toggle="modal" data-target="#groupModal" onclick="initGroupDialog()">请选择
                </div>
              </div>
              <!-- 分组区 dialog -->
              <div class="modal fade groupModal" id="groupModal" tabindex="-1" role="dialog"
                aria-labelledby="groupModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h6 class="modal-title" id="groupModalLabel">添加分组</h6>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body">
                      <div class="group-model-content">
                        <div class="select-area">
                          <div class="select-header flex-box">
                            <div>
                              请选择分组项
                            </div>
                            <div class="select-total">0/0</div>
                          </div>
                          <ul class="select-list flex-1"></ul>
                        </div>
                        <div class="selected-area">
                          <div class="select-header flex-box">
                            <div>已选分组项</div>
                            <div class="all-shift-out" onclick="allShiftOut()">
                              <span>全部移出</span>
                              <span class="all-shift-out-icon">&times;</span>
                            </div>
                          </div>
                          <ul class="selected-list flex-1">
                            <li class="flex-box">
                              <div class="label">年份</div>
                              <div class="selected-item-operation">
                                <span class="selected-move-up"></span>
                                <span class="selected-move-down"></span>
                                <span class="selected-item-del"></span>
                              </div>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-success" onclick="saveGroupSelect()">确定</button>
                      <button type="button" class="btn btn-outline-success" data-dismiss="modal">取消</button>
                    </div>
                  </div>
                </div>
              </div>
              <!-- end 分组区 dialog -->
            </div>
            <div class="across-line"></div>
            <div class="flex-box search-item">
              <div class="search-min-title">
                <div>统计区</div>
              </div>
              <div class="statistics-box flex-1 flex-box justify-content-start align-items-center">
                <div class="statistics-item custom-control custom-checkbox">
                  <input type="checkbox" class="custom-control-input" id="customCheck4">
                  <label class="custom-control-label" for="customCheck4">羽毛球</label>
                </div>
              </div>
            </div>
          </div>
          <div class="card-footer flex-box" style="z-index: 1;">
            <div class="operate-btn">
              <button class="btn btn-success" onclick="searchBtn()">统计</button>
              <button class="btn btn-outline-success" onclick="resetBtn()">重置</button>
            </div>
            <div class="unfold-btn">
              <button class="btn btn-link text-success flex-box align-items-center" onclick="unfoldMore()">
                <span>更多搜索条件</span>
                <span id="s-more-icon" class="more-icon"></span>
              </button>
            </div>
          </div>
        </div>
      </div>

      <!-- 统计合计数据 -->
      <div class="col-lg-12 mt-20">
        <div class="card">
          <div class="card-header">
            <div class="min_title">
              <div class="title_label">统计合计数据</div>
            </div>
          </div>
          <div class="card-body total-box">
            <div class="total_item">
              <div class="total-label">申请表数</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">收益户数</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">机具台数</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">设施设备数量</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">总功率</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">中央补贴</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">中央补贴结算</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">省补贴</div>
              <div class="total-value">1246</div>
            </div>
            <div class="vertical-line"></div>
            <div class="total_item">
              <div class="total-label">省级配套资金</div>
              <div class="total-value">1246</div>
            </div>
          </div>
        </div>
      </div>

      <!-- 数据列表 -->
      <div class="col-lg-12 mt-20">
        <div class="card">
          <div class="card-header">
            <div class="min_title">
              <div class="title_label">数据列表</div>
              <div class="text-c-C71415">
                *以下数据金额单位（万元）
              </div>
            </div>
          </div>
          <div class="card-body table-box">
            <!-- 列表 -->
            <div class="table-responsive">
              <table id="bootstrap-table" data-show-jumpto="true"></table>
            </div>
          </div>
        </div>
      </div>

    </div>

  </div>
  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap-table/bootstrap-table.min.js"></script>
  <script type="text/javascript"
    src="../js/bootstrap-table/extensions/page-jump-to/bootstrap-table-page-jump-to.js"></script>
  <script type="text/javascript" src="../js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
  <script type="text/javascript"
    src="../js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <script type="text/javascript" src="../js/xm-select.js"></script>

  <script type="text/javascript" src="../js/jqueryDatePicker/moment.js"></script>
  <script type="text/javascript" src="../js/jqueryDatePicker/jquery-datePicker.min.js"></script>

  <script type="text/javascript" src="../js/form.js"></script>
  <script type="text/javascript" src="../js/lyear_statistics.js"></script>

  <script type="text/javascript">
    // $('#customCheck4').prop('indeterminate', true);
  </script>
</body>

</html>